<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .lise{
            list-style: none;
            width: 150px;
            padding: 20px;
            background: rgba(125, 125, 125, 0.66);
            margin: auto;
        }
        ul li{
           line-height: 40px;
        }
    </style>
    <script>
        onload = () => {
            let ul = document.getElementsByTagName("ul")[0];
            ul.innerHTML = "<li>研发：编程</li>"
                            + "<li>虚拟：现实</li>"
                            + "<li>营销：电商</li>"
                            + "<li>设计：创意</li>"
                            + "<li>测试：运维</li>"
                            + "<li>职场：考级</li>"  //className = "lise";
            ul.className="lise list"
        }
    </script>
</head>
<body>
<ul></ul>
</body>
</html>